<!DOCTYPE html>
<html>
<head>
<title>实验室资源</title>
<#include "/header.html">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/computyDevices.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/bootstrap-table.min.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.css">
	<script src="${request.contextPath}/statics/libs/bootstrap-table.min.js"></script>
	<script src="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.min.js"></script>
	<script src="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.bootstrap3.js"></script>
	<script src="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.extension.js"></script>
	<script src="${request.contextPath}/statics/plugins/treegrid/tree.table.js"></script>
</head>
<body>
<div id="rrapp" >
	<div>
		<div>
			<i class="fa fa-university" style="font-size: 50px"></i>
			<span id="lab_num" style="font-size: 30px">{{laboratoryName}} </span>
			<i class="fa fa-reply-all" aria-hidden="true" style="font-size: 40px;color:#0d6aad;"   onclick="javascript :history.go(-1)" ></i>
		</div>
		<div class="grid-btn" v-show="showList"  style="margin-left: 50px;">
			<div class="form-group">
				<div class="col-sm-2">
					<input type="text" class="form-control" style="cursor:pointer;font-size: 4px" v-model="jxStudent.className" @click="deptTree" readonly="readonly" placeholder="请选择要分配的班级"/>
				</div>
			</div>
			<a class="btn btn-default" @click="submit" >提交</a>
	</div>
		<div class="all">
			<div class="devices">
				<div class="text">
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;当前可用设备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用户
				</div>
				<div class="item" v-for="(item,i) in dataList">
					<div class="device"><i class="fa fa-television" style="font-size:20px; font-weight: bold;" aria-hidden="true"></i><span>{{item.deviceName}}</span></div>:
					<div class="user"><i class="fa fa-id-card" style="font-size:20px font-weight: bold;" aria-hidden="true"></i><span>{{item.studentName}}/{{item.className}}</span></div>
				</div>
			</div>

			<div class="students">
				<div class="text">剩 余 学 生</div>
				<div class="item"  v-show="hasStudent"  v-for="(student,i) in lastData"><i class="fa fa-user-o" style="font-size: 30px;font-weight: bold;" aria-hidden="true"></i>{{student.name}}</div>
			</div>
		</div>
	</div>

</div>
<!-- 选择部门 -->
<div id="deptLayer" style="display: none;padding:10px;">
	<ul id="deptTree" class="ztree"></ul>
</div>
<script src="${request.contextPath}/statics/js/modules/sys/computyDevices.js?_${.now?long}"></script>
</body>
</html>